<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../static/css/bootstrap.css" rel="stylesheet"/>
    <!--<link href="css/bootstrap-theme.css" rel="stylesheet"/>-->
    <link href="../static/css/bootstrapValidator.min.css" rel="stylesheet"/>
    <link href="../static/css/userMainPage.css" rel="stylesheet"/>
    <script src="../static/js/jquery-3.1.1.js"></script>
</head>
<body>
    <div class="top-banner row">
        <div class="top-title col-lg-6 col-md-6 col-sm-6 col-xs-6
        col-lg-offset-3 col-md-offset-3 col-sm-offset-3 col-xs-offset-3">
            Title
        </div>
        <div class="search-input col-lg-6 col-md-6 col-sm-6 col-xs-6
        col-lg-offset-3 col-md-offset-3 col-sm-offset-3 col-xs-offset-3">
            <div class="input-group">
                <input class="form-control search-item" type="text" />
                <span class="input-group-btn">
                    <button class="btn btn-default search-btn" type="button">
                        <span class="glyphicon glyphicon-search"></span>
                    </button>
                </span>
            </div>
        </div>
    </div>
    <div class="row main-container">
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 info-container">
            <div class="page-header">
                <span class="h1">功能</span>
            </div>
            <div class="row container-fluid itemNo-login">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 icon-wrap">
                    <span class="font-icon glyphicon glyphicon-user"></span>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 icon-wrap">
                    <span class="font-icon glyphicon glyphicon-share"></span>
                </div>
            </div>
            <div class="row container-fluid">
                <!--<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 icon-wrap">
                    <span class="font-icon glyphicon glyphicon-user"></span>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 icon-wrap">
                    <span class="font-icon glyphicon glyphicon-user"></span>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 icon-wrap">
                    <span class="font-icon glyphicon glyphicon-user"></span>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 icon-wrap">
                    <span class="font-icon glyphicon glyphicon-user"></span>
                </div>-->
            </div>
        </div>
        <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 booklist-wrap hide">
            <div class="page-header">
                <span class="h1">Booklist</span>
                <div class="btn-group pull-right booklist-btn" role="group">
                    <button type="button" class="btn btn-info">全部</button>
                    <button type="button" class="btn btn-default">出售</button>
                    <button type="button" class="btn btn-default">交易</button>
                </div>
            </div>
            <div class="panel-group" id="booklist" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default item">
                    <div class="panel-heading" role="tab" id="item-1">
                        <div class="panel-title">
                            <div role="button" data-toggle="collapse" data-parent="#booklist" href="#item-1-coll"
                                 aria-expanded="true" aria-controls="item-1-coll">
                                <h4>item-1</h4>
                                <div class="div-divider"></div>
                                <h4>description of item-1</h4>
                            </div>
                        </div>
                    </div>
                    <div id="item-1-coll" class="panel-collapse collapse" role="tabpanel" aria-labelledby="item-1">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 item-img">
                                    <img class="img-responsive img-thumbnail item-img" src="../static/image/test.png"/>
                                    <img class="img-responsive img-thumbnail item-img" src="../static/image/test.png"/>
                                </div>
                                <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                                    <div class="row item-title group">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 item-name">
                                            <h4 class="h4">Name</h4>
                                            <div class="div-divider"></div>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 item-price">
                                            <h4 class="h4">Press</h4>
                                            <div class="div-divider"></div>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 item-press">
                                            <h4 class="h4">Price</h4>
                                            <div class="div-divider"></div>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="h4">Buy It</h4>
                                            <div class="div-divider"></div>
                                        </div>
                                    </div>
                                    <div class="row item-divide" itemNo="item-1-1">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <h4 class="name">TCP/IP Illustrated</h4>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                            <h4 class="press">I don't know</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="price">$5.00</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <button role="button"  type="submit" class="btn btn-info">
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row item-divide" itemNo="item-1-2">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <h4 class="name">TCP/IP Illustrated</h4>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                            <h4 class="press">I don't know</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="price">$5.00</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <button role="button"  type="submit" class="btn btn-info">
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row item-divide" itemNo="item-1-3">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <h4 class="name">TCP/IP Illustrated</h4>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                            <h4 class="press">I don't know</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="price">$5.00</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <button role="button"  type="submit" class="btn btn-info">
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row item-divide" itemNo="item-1-4">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <h4 class="name">TCP/IP Illustrated</h4>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                            <h4 class="press">I don't know</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="price">$5.00</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <button role="button"  type="submit" class="btn btn-info">
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row item-divide" itemNo="item-1-5">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <h4 class="name">TCP/IP Illustrated</h4>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                            <h4 class="press">I don't know</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="price">$5.00</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <button role="button"  type="submit" class="btn btn-info">
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item panel panel-default">
                    <div class="panel-heading" role="tab" id="item-2">
                        <div class="panel-title">
                            <div role="button" data-toggle="collapse" data-parent="#booklist" href="#item-2-coll"
                                 aria-expanded="true" aria-controls="item-2-coll">
                                <h4>item-2</h4>
                                <div class="div-divider"></div>
                                <h4>description of item-2</h4>
                            </div>
                        </div>
                    </div>
                    <div id="item-2-coll" class="panel-collapse collapse" role="tabpanel" aria-labelledby="item-2">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 item-img">
                                    <img class="img-responsive img-thumbnail" src="../static/image/test.png"/>
                                </div>
                                <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                                    <div class="row item-title group">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 item-name">
                                            <h4 class="h4">Name</h4>
                                            <div class="div-divider"></div>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 item-price">
                                            <h4 class="h4">Press</h4>
                                            <div class="div-divider"></div>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 item-press">
                                            <h4 class="h4">Price</h4>
                                            <div class="div-divider"></div>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="h4">Buy It</h4>
                                            <div class="div-divider"></div>
                                        </div>
                                    </div>
                                    <div class="row item-divide" itemNo="item-1-1">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <h4 class="name">TCP/IP Illustrated</h4>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                            <h4 class="press">I don't know</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="price">$5.00</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <button role="button"  type="submit" class="btn btn-info">
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row item-divide" itemNo="item-1-2">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <h4 class="name">TCP/IP Illustrated</h4>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                            <h4 class="press">I don't know</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="price">$5.00</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <button role="button"  type="submit" class="btn btn-info">
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row item-divide" itemNo="item-1-3">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <h4 class="name">TCP/IP Illustrated</h4>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                            <h4 class="press">I don't know</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="price">$5.00</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <button role="button"  type="submit" class="btn btn-info">
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row item-divide" itemNo="item-1-4">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <h4 class="name">TCP/IP Illustrated</h4>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                            <h4 class="press">I don't know</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="price">$5.00</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <button role="button"  type="submit" class="btn btn-info">
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row item-divide" itemNo="item-1-5">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <h4 class="name">TCP/IP Illustrated</h4>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                            <h4 class="press">I don't know</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <h4 class="price">$5.00</h4>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <button role="button"  type="submit" class="btn btn-info">
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 user-info-wrap hide">
            <div class="page-header">
                <span class="h1" >信息</span>
            </div>
            <div class="info-wrap">
                <div class="row">
                    <span class="col-lg-3 col-md-3 col-sm-3 col-xs-3 info-head h4">
                        用户名
                    </span>
                    <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7 info-body h4">
                        hhhhhhhhh
                    </div>
                    <a class="col-lg-1 col-md-1 col-sm-1 col-xs-1 h4">修改</a>
                </div>
                <div class="row">
                    <span class="col-lg-3 col-md-3 col-sm-3 col-xs-3 info-head h4">
                        大学
                    </span>
                    <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7 info-body h4">
                        武汉大学
                    </div>
                    <a class="col-lg-1 col-md-1 col-sm-1 col-xs-1 h4">修改</a>
                </div>
                <div class="row">
                    <span class="col-lg-3 col-md-3 col-sm-3 col-xs-3 info-head h4">
                        学院
                    </span>
                    <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7 info-body h4">
                        国际软件学院
                    </div>
                    <a class="col-lg-1 col-md-1 col-sm-1 col-xs-1 h4">修改</a>
                </div>
                <div class="row">
                    <span class="col-lg-3 col-md-3 col-sm-3 col-xs-3 info-head h4">
                        QQ号码
                    </span>
                    <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7 info-body h4">
                        1250328606
                    </div>
                    <a class="col-lg-1 col-md-1 col-sm-1 col-xs-1 h4">修改</a>
                </div>
            </div>
        </div>
        <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 distribution-wrap">
            <div class="page-header">
                <span class="h1" >发布</span>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="dropBox">

            </div>
        </div>
    </div>

</body>
<script src="../static/js/bootstrapValidator.min.js"></script>
<script src="../static/js/bootstrap.js"></script>
<script src="../static/js/mainPage.js"></script>
</html>